<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>简历 | 吴浩麟</title>
  <link rel="stylesheet" href="main?_inline">
  <base target="_blank">
</head>
<body>
<p class="last-modified">最后更新于2019年3月</p>
<a class="download-pdf" href="resume.pdf">下载 PDF</a>

<main class="content">

  <!--基本信息-->
  <header class="content-hd">
    <section class="title">
      <div class="name">
        <h1>吴浩麟</h1>
      </div>
      <div class="job">
        <h2>Web前端开发工程师 | 全栈工程师</h2>
      </div>
    </section>
    <section class="info">
      <ul>
        <li>男 / 1993.10</li>
        <li>华中师范大学 · 计算机科学与技术</li>
        <li>本科 / 2016年毕业</li>
      </ul>
    </section>
    <section class="contact">
      <ul>
        <li>
          <a href="https://github.com/gwuhaolin/blog">
            <span class="contact-link">我的技术博客</span>
            <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
              <path
                d="M512 42.581333l-469.333333 469.333333 31.146667 31.146667L170.666667 446.250667l0 438.186667 682.666667 0L853.333333 446.208l96.853333 96.896 31.146667-31.146667L512 42.581333zM426.666667 841.770667l0-298.666667 170.666667 0 0 298.666667L426.666667 841.770667zM810.666667 841.770667l-170.666667 0 0-341.333333L384 500.437333l0 341.333333L213.333333 841.770667 213.333333 403.584l298.666667-298.666667 298.666667 298.666667L810.666667 841.770667z"></path>
              </svg>
            </span>
          </a>
        </li>
        <li>
          <a href="https://github.com/gwuhaolin">
            <span class="contact-link">Github - gwuhaolin</span>
            <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path
                  d="M941.714 512q0 143.433-83.712 258.011t-216.283 158.574q-15.433 2.853-22.565-3.986t-7.131-17.152v-120.576q0-55.442-29.696-81.152 32.585-3.438 58.587-10.277t53.723-22.272 46.299-37.998 30.281-60.014 11.703-86.016q0-69.157-45.129-117.723 21.138-52.005-4.571-116.553-16.018-5.157-46.299 6.29t-52.553 25.161l-21.723 13.714q-53.138-14.848-109.714-14.848t-109.714 14.848q-9.143-6.29-24.283-15.433t-47.726-22.016-49.152-7.717q-25.161 64.585-3.986 116.553-45.129 48.567-45.129 117.723 0 48.567 11.703 85.723t29.989 60.014 46.007 38.29 53.723 22.272 58.587 10.277q-22.857 20.553-28.014 58.843-11.995 5.705-25.71 8.558t-32.585 2.853-37.413-12.288-31.707-35.73q-10.862-18.286-27.721-29.696t-28.27-13.714l-11.447-1.719q-11.995 0-16.567 2.56t-2.853 6.583 5.157 8.009 7.424 6.839l3.986 2.853q12.581 5.705 24.869 21.723t17.993 29.147l5.705 13.129q7.424 21.723 25.161 35.145t38.29 17.152 39.717 3.986 31.707-2.011l13.129-2.304q0 21.723 0.293 50.871t0.293 30.866q0 10.277-7.424 17.152t-22.857 3.986q-132.571-43.995-216.283-158.574t-83.712-258.011q0-119.442 58.843-220.27t159.707-159.707 220.27-58.843 220.27 58.843 159.707 159.707 58.843 220.27z"></path>
              </svg>
            </span>
          </a>
        </li>
        <li>
          <a href="mailto:gwuhaolin@icloud.com">
            <span class="contact-link">gwuhaolin@icloud.com</span>
            <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path
                  d="M903.808 239.04l-818.304 0 0 545.92 852.992 0 0-545.92-34.688 0zM869.664 273.152l-329.536 329.536c-15.04 15.04-41.248 15.04-56.288 0l-329.6-329.536 715.392 0zM119.616 286.752l221.536 221.504-221.536 221.536 0-443.072zM146.848 750.848l218.464-218.432 94.432 94.4c13.952 13.952 32.512 21.664 52.256 21.664s38.304-7.712 52.256-21.664l94.432-94.432 218.432 218.432-730.304 0zM904.384 729.824l-221.536-221.568 221.536-221.568 0 443.136z"></path>
              </svg>
            </span>
          </a>
        </li>
        <li>
          <a href="tel:13541295797">
            <span class="contact-link">13541295797</span>
            <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path
                  d="M256 1024l512 0c26.464 0 48-21.536 48-48l0-928c0-26.464-21.536-48-48-48l-512 0c-26.464 0-48 21.536-48 48l0 928c0 26.464 21.536 48 48 48zM240 48c0-8.832 7.168-16 16-16l512 0c8.832 0 16 7.168 16 16l0 928c0 8.832-7.168 16-16 16l-512 0c-8.832 0-16-7.168-16-16l0-928zM288 864l448 0c8.832 0 16-7.168 16-16l0-672c0-8.832-7.168-16-16-16l-448 0c-8.832 0-16 7.168-16 16l0 672c0 8.832 7.168 16 16 16zM304 192l416 0 0 640-416 0 0-640zM496 928c0 17.664 14.336 32 32 32s32-14.336 32-32c0-17.664-14.336-32-32-32-17.664 0-32 14.336-32 32zM448 128l128 0c8.832 0 16-7.168 16-16s-7.168-16-16-16l-128 0c-8.832 0-16 7.168-16 16s7.168 16 16 16z"></path>
              </svg>
            </span>
          </a>
        </li>
      </ul>
    </section>
  </header>

  <div class="content-bd">

    <div class="content-left">

      <section class="practice">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">经历</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">

          <!--经历:工作-->
          <div class="item">
            <header class="item-hd">
              <h3 class="item-name">美团点评</h3>
              <span class="item-time">2017.09 至今</span>
              <a class="btn item-more" href="https://tech.meituan.com">工作</a>
            </header>
            <div class="item-bd">
              <p class="item-des">于美团成都参与<a href="http://shouyin.meituan.com/">SasS餐厅收银系统</a>的前端开发，包括：</p>
              <ul class="section-content">
                <li>负责团队基础技术支撑，包含构建流程、工具包、新技术探索实践等</li>
                <li>主导和开发团队基础UI组件库，支撑业务快速迭代、统一视觉规范</li>
                <li>推进ReactNative在管家App中的落地</li>
                <li>设计和开发报表框架，解决报表页开发效率低的问题</li>
                <li>校园与社招技术面试</li>
              </ul>
            </div>
          </div>
          <div class="item">
            <header class="item-hd">
              <h3 class="item-name">腾讯科技(深圳)</h3>
              <span class="item-time">2015.07 至 2017.09</span>
              <a class="btn item-more" href="https://www.tencent.com/zh-cn/index.html">工作</a>
            </header>
            <div class="item-bd">
              <p class="item-des">于<a href="http://imweb.io">IMWEB</a>团队参与<a href="https://ke.qq.com">腾讯课堂</a>的前端开发，包括：</p>
              <ul class="section-content">
                <li>ReactUI组件库开发</li>
                <li>项目构建与编码规范</li>
                <li>在线课堂录播和直播技术</li>
                <li>前端质量监控与上报系统</li>
                <li>Nodejs服务框架开发</li>
                <li>桌面端、移动端、微信公众号、Windows客户端内嵌H5页的开发与优化</li>
              </ul>
            </div>
          </div>

          <!--经历:在校-->
          <div class="item">
            <header class="item-hd">
              <h3 class="item-name">柠檬科技工作室</h3>
              <span class="item-time">2013.06 ~ 2015.06</span>
              <a class="btn item-more" href="http://www.ccnu.edu.cn">在校</a>
            </header>
            <div class="item-bd">
              <p class="item-des">在校期间创建工作室，担任技术总监主导和带领同学创业，其中包括：</p>
              <ul class="section-content">
                <li><a href="https://github.com/gwuhaolin/myccnu">掌上华师</a> 华中师大最大的微信服务号</li>
                <li><a href="https://github.com/gwuhaolin/ShuXun">书循</a> 武汉高校受欢迎的二手教材交易平台</li>
              </ul>
            </div>
          </div>
        </div>

      </section>

      <section class="project">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">项目</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">
          以下是我的开源项目与学习总结，细节请点击链接查看文档

          <!--项目:Webpack-->
          <div class="item">
            <header class="item-hd">
              <a class="btn item-more" href="https://webpack.js.org">Webpack</a>
            </header>
            <div class="item-bd">
              <ul>
                <li>
                  <a href="http://webpack.wuhaolin.cn/">《深入浅出 Webpack》</a>
                  一书的作者
                </li>
                <li>
                  <a href="https://github.com/gwuhaolin/web-webpack-plugin">web-webpack-plugin</a>
                  Webpack Plugin，可方便的生成HTML与注入资源
                </li>
                <li>
                  <a href="https://github.com/gwuhaolin/web-webpack-plugin">ui-component-loader</a>
                  Webpack Loader，可按需加载各种UI组件库
                </li>
                <li><a href="https://github.com/gwuhaolin/blog/issues/4">webpack原理与实战</a> 文章</li>
                <li><a href="https://github.com/gwuhaolin/blog/issues/2">webpack2 终极优化</a> 文章</li>
              </ul>
            </div>
          </div>

          <!--项目:React-->
          <div class="item">
            <header class="item-hd">
              <a class="btn item-more" href="https://facebook.github.io/react/">React</a>
            </header>
            <div class="item-bd">
              <ul>
                <li><a href="https://www.ibm.com/developerworks/cn/web/wa-universal-react-native/index.html">React Native 三端同构实战</a> 文章</li>
                <li><a href="https://github.com/gwuhaolin/redemo">redemo</a> 快速为React组件生成文档</li>
                <li>
                  <a href="http://imweb.github.io/imui/">IMUI</a> 与
                  <a href="http://imweb.github.io/imuix/">IMUIX</a>
                  腾讯课堂PC端组件库
                </li>
              </ul>
            </div>
          </div>

          <!--项目:Golang-->
          <div class="item">
            <header class="item-hd">
              <a class="btn item-more" href="https://golang.org">Golang</a>
            </header>
            <div class="item-bd">
              <ul>
                <li>
                  <a href="https://github.com/gwuhaolin/lightsocks">lightsocks</a>
                  高性能轻量级socks5网络混淆代理，可翻越GFW
                </li>
                <li>
                  <a href="https://github.com/gwuhaolin/livego">livego</a>
                  纯go写的直播服务端
                </li>
              </ul>
            </div>
          </div>

          <!--项目:Nodejs-->
          <div class="item">
            <header class="item-hd">
              <a class="btn item-more" href="https://nodejs.org">Nodejs</a>
            </header>
            <div class="item-bd">
              <ul>
                <li>
                  <a href="https://github.com/gwuhaolin/chrome-render">chrome-render</a>
                  基于headless-chrome的通用服务端渲染方案
                </li>
                <li>
                  <a href="https://github.com/gwuhaolin/koa-seo">koa-seo</a>
                  无侵入式SEO单页应用方案，koa中间件
                </li>
                <li><a href="https://github.com/gwuhaolin/direct-alipay">direct-alipay</a>
                  支付宝支付服务Nodejs包
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>

    </div>


    <div class="content-right">

      <section class="skill">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">技能</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">

          <!--技能:JS-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">Web</span>
              <a class="btn item-more">精通</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>熟知JS基本语法与知识，掌握最新JS语法与API，熟练TypeScript</li>
                <li>掌握网页重构所需的CSS、SCSS</li>
                <li>掌握前端流行框架React、Vue、Angular</li>
                <li>掌握<a href="https://chrome.google.com/webstore/detail/%E4%BD%8E%E4%BB%B7%E9%9B%B7%E8%BE%BE/hgbfabcmmeahnfcodhpompojenmpoiam?hl=zh-CN">Chrome扩展开发</a>及自动化控制</li>
              </ul>
            </div>
          </div>

          <!--React-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">React</span>
              <a class="btn item-more">精通</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>用React开发大型复杂应用，熟知React原理与生态技术栈经验丰富</li>
                <li>掌握React调试、性能优化、同构、ReactNative等扩展技能</li>
              </ul>
            </div>
          </div>

          <!--Webpack-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">Webpack</span>
              <a class="btn item-more">精通</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>设计和优化了团队多个大型项目的构建工具</li>
                <li>熟知Webpack原理，可以开发复杂Webpack Plugin & Loader</li>
              </ul>
            </div>
          </div>

          <!--Nodejs-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">Nodejs</span>
              <a class="btn item-more">熟练</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>掌握Nodejs标准库及模型，在实际项目中多处使用Nodejs</li>
                <li>用Nodejs开发过服务中间件与其它构建工具</li>
              </ul>
            </div>
          </div>

          <!--Golang-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">Golang</span>
              <a class="btn item-more">熟练</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>掌握golang基本语法与标准库</li>
                <li>用golang开发过多个服务与库</li>
              </ul>
            </div>
          </div>

          <!--网络协议-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">网络协议</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li><a href="https://github.com/gwuhaolin/blog/issues/12">掌握互联网基本运行机制，TCP与UDP协议</a></li>
                <li>掌握HTTP协议，对新版HTTP2也有了解</li>
              </ul>
            </div>
          </div>

          <!--音视频-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">音视频</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li><a href="https://github.com/gwuhaolin/blog/issues/3">掌握音视频基础概念编解码知识与常见音视频传输协议</a></li>
                <li><a href="https://github.com/gwuhaolin/reflv">掌握Web直播技术架构与原理</a></li>
              </ul>
            </div>
          </div>

          <!--数据库-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">数据库</span>
              <a class="btn item-more">掌握</a>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li>掌握关系型数据库基本概念与SQL</li>
                <li>会操作Postgres、MongoDB、Redis</li>
              </ul>
            </div>
          </div>

          <!--其它-->
          <div class="item">
            <header class="item-hd">
              <span class="item-time">其它</span>
            </header>
            <div class="item-bd">
              <ul class="section-content">
                <li><a href="https://juejin.im/user/5780cb861532bc005f2d30e9">掘金值得关注的专栏作者</a></li>
                <li><a href="https://www.ibm.com/developerworks/cn/web/wa-lo-webassembly-status-and-reality/index.html">IBM Dev社区特约作者</a></li>
                <li>掌握Java、Git、Docker</li>
                <li>资深Mac & JetBrains用户</li>
              </ul>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>
</main>

<footer class="github-footer">
  <a class="footer-link" href="https://github.com/gwuhaolin/resume">页面托管在Github Pages上</a>
</footer>
</body>
</html>
